import React, { useEffect } from 'react';
import { useNavigate } from 'react-router-dom';
import { Box, Typography, CircularProgress } from '@mui/material';

export default function AutoAccountingPage() {
  const navigate = useNavigate();

  useEffect(() => {
    // 重定向到规则管理页面
    navigate('/auto-accounting/rules', { replace: true });
  }, [navigate]);

  return (
    <Box
      display="flex"
      flexDirection="column"
      alignItems="center"
      justifyContent="center"
      minHeight="400px"
      gap={2}
    >
      <CircularProgress />
      <Typography variant="body1" color="text.secondary">
        正在跳转到规则管理页面...
      </Typography>
    </Box>
  );
}
